<template>
    <!--底部copyright-->
    <div class="underIntro">
        <div class="intro-left">
            <p>深耕财经领域15年,</p>
            <p>平均每年培养7000+经济人才</p>
        </div>
        <div class="intro-list">
            <div class="intro-item">
                <div class="intro-num">15</div>
                <div class="intro-underline"></div>
                <span>省市自治区</span>
            </div>
            <div class="intro-item">
                <div class="intro-num">120+</div>
                <div class="intro-underline"></div>
                <span>合作院校</span>
            </div>
            <div class="intro-item">
                <div class="intro-num">200+</div>
                <div class="intro-underline"></div>
                <span>合作企业</span>
            </div>
            <div class="intro-item">
                <div class="intro-num">200+</div>
                <div class="intro-underline"></div>
                <span>职业导师</span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'underIntro',
    components: {
        /**/
    },
    data() {
        return {
            account: ''
        };
    },
    watch: {
        /**/
    },
    mounted() {
        /**/
    },
    methods: {
        /**/
    }
};
</script>
<style scoped lang="scss">
.underIntro {
    position: relative;
    height: 219px;
    font-family: '微软雅黑';
    font-size: 16px;
    color: #fff;
    .intro-left {
        position: absolute;
        top: 85px;
        font-size: 20px;
    }
    .intro-list {
        position: relative;
        display: flex;
        height: 180px;
        padding: 0 120px 0 260px;
        align-items: center;
        justify-content: space-around;
        .intro-item {
            line-height: 1;
            margin-top: 30px;
            .intro-num {
                font-size: 36px;
            }
            .intro-underline {
                height: 4px;
                width: 53px;
                margin: 13px 0;
                background: #ffc000;
            }
        }
    }
    .bottom-knowledge {
        position: relative;
    }
}
.underIntro:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    margin-left: calc(50% - 50vw);
    background: rgba(0, 121, 254, 1);
}
</style>
